<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <title>x的日记</title>
        <link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
        <link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css"
              th:href="@{/layui/css/common.css}"/>
        <link rel="stylesheet" type="text/css" href="../../../static/layui/css/diarycss/diary-edit.css"
              th:href="@{/layui/css/diarycss/diary-detail.css}"/>
        <link href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
        </head>
    <body>
        <!-- 公共头部 -->
        <div th:replace="FrontPages/common/head::head(n=5)" name="headFrame"></div>
        <div class="diary-index">
            <div class="diary-head"  th:value="${diary.did}">
                <h1 th:text="${user.name?:user.uid}">哈喽哈喽</h1>
                <span id="time" th:text="'发布于：'+${diary.date}"></span>
                <i class="layui-icon layui-icon-heart"></i>
                <div class="change-diary" th:if="${type}=='n'">
                    <span class="no-more">上一篇</span>
                    <em class="lline"></em>
                    <span>下一篇</span>
                </div>
            </div>
            <div class="diary-content" th:value="${type}">
                <p th:if="${type}=='n'" th:text="${diary.content}"></p>
                <div class="diary-index-button" th:if="${type}=='y'" th:value="${diary.did}">
                    <textarea th:text="${diary.content}"></textarea>
                    <div class="diary-pulish">
                        <span>可见范围</span>
                        <select>
                            <option value="1">所有人可见</option>
                            <option value="0">仅自己可见</option>
                        </select>
                        <button id="but">发表</button>
                        <span id="font-num">0/255</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共尾部 -->
        <div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>
        <script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
        <script type="text/jscript" src="../../../static/layui/lay/js/diary.js" th:src="@{/layui/lay/js/diary.js}"></script>

        <!-- 背景特效 -->
        <script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
    </body>
</html>
